div.orgChart {
    border : 1px solid #cccccc;
    background-color : #ffffe8;
    margin : 10px;
    padding : 20px;
}

div.orgChart h2 {
    margin : 0px;
    font-size : 0.8em;
    border-bottom : 2px solid black;
    border-bottom : none;
}

div.orgChart ul {
    list-style : none;
    margin : 4px;
    padding : 0px;
    font-size : 0.8em;
    text-align : left;
}

div.orgChart ul.stack,
div.orgChart ul.stack ul {
    text-align : center;
}

div.orgChart table {
    width : 100%;
}

div.orgChart tr.lines td.line {
    width : 1px;
    height : 20px;
}

div.orgChart tr.lines td.top {
    border-top : 3px solid black;
}

div.orgChart tr.lines td.left {
    border-right : 2px solid black;
}

div.orgChart tr.lines td.right {
    border-left : 2px solid black;
}

div.orgChart td {
    text-align : center;
    vertical-align : top;
    padding : 0px 2px;
}

div.orgChart div.node {
    cursor : default;
    border : 2px solid black;
    display : inline-block;
    padding : 0 4px;
    width : 96px;
    height : 60px;
    background-color : #ffffcf;
    line-height : 1.3em;
    border-radius : 8px;
    box-shadow : 4px 4px 6px #888888;
    -moz-border-radius : 8px;
    -moz-box-shadow : 4px 4px 6px #888888;
    -webkit-border-radius : 8px;
    -webkit-box-shadow : 4px 4px 6px #888888;
}

div.orgChart div.hasChildren {
    background-color : #ffff98;
}

div.orgChart.interactive div.hasChildren {
    cursor : pointer;
}

div.orgChart div.node.hover {
    background-color : white;
}


/******/

div.orgChart div.node.level1 {
    background-color: #fbcece;
}

div.orgChart div.node.level1.special {
    background-color: white;
}

div.orgChart div.node.level2 {
    background-color: #cefbce;
}

div.orgChart div.node.level3 {
    background-color: #e0cefb;
}


span.title {
    font-weight: normal;
    font-style: italic;
    color: #404040;
}

        
div.node.bladerunner {
    background-color: #a4a0d9 !important;
}
div.node.replicant {
    background-color: #d9ada0 !important;
}
div.node.deceased {
    background-color: #d9d2a0 !important;
    text-decoration: line-through;
}
div.node.retired {
    background-color: #d9c0a0 !important;
    text-decoration: line-through;
}

/****/

.hide{
    visibility : hidden;
    position : absolute;
}


div.orgChart div.node.big {
    width: 80px;
    height: 110px;
}

div.orgChart div.node.bignone {
    width: 85px;
    height: 135px;
    background-color: #E3E1E2;
}

div.orgChart div.node.big img {
    border: 2px solid black;
    border-radius: 2px;
}



div.orgChart div.node.bigtri {
    width: 50px;
    height: 80px;
}

div.orgChart div.node.bigtrinone {
    width: 50px;
    height: 80px;
    background-color: #E3E1E2;
}

div.orgChart div.node.bigtri img {
    border: 2px solid black;
    border-radius: 2px;
    width: 45px;
    height: 55px;
}

div.orgChart div.node.small {
    width: 30px;
    height: 30px;
    font-size : 7px;
}

div.orgChart div.node.small img {
    border: 1px solid black;
    border-radius: 0px;
    width: 20px;
    height: 25px;
}